$pagePadding: 30px;
$globalColor: #FFFFFF;
$blackColor: #414141;
$textColor: #696765;
$grayColor: #A5A5A6;

@keyframes rotate-kfm {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@mixin page-base-style() {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  ::-webkit-scrollbar {
    display: none;
  }
}

@mixin one-line-dot() {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin multi-line-dot($line) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}
